(function($) {
    $.fn.Slider = function(method) {
        return $.fw.chamadaComponente.apply(this, ["Slider", arguments]);
    };

    $.Slider = {

        // -----------------------------------
        // Mostra o componente
        // -----------------------------------
        abrir: function(param, callbackOK) {

            // Referencia para this
            var $this = this;

            // Garante que o componente est� inicializado
            $this.Slider("carregar", param, function() {                                	 
            	if (!param)
            		var param = {};
            	
            	param.numeroFotos = 3;
            	param.numeroFoto = 0;	
            	param.margin = 0;
            	
            	$this.Slider("animar", param);
				
				if (callbackOK)
					callbackOK();
            });

        },



        // -----------------------------------
        // Faz o carregamento inicial do componente
        // Garante que o html esteja carregado e inicializado
        // -----------------------------------
        carregar: function(param, callbackOK) {

            // Referencia para this
            var $this = this;

            // Nome do componente
            var funcaoCarregar = function(param, callbackOKCarregar) {                    

                // Chama o callback
                if (callbackOKCarregar)
                    callbackOKCarregar();

            };

            // Inicializa
            $.fw.carregarComponente({
                    nomeComponente: "Slider",
                    elemento: $this,
                    callbackCarregar: funcaoCarregar
                }, callbackOK);

        },
        
        animar: function(param){
        	var $this = this;
        	
        	self.setInterval(function () {
        		if (param.numeroFoto != 3){
        			param.margin = param.margin - 934;
        			$("#faixaImagens", $this).animate({ 
        			    'margin-left' : param.margin + "px"
        			}, "slow");	
        			param.numeroFoto++;
        			//$this.Slider("animar", param);
        		}else{
        			$("#faixaImagens", $this).animate({ 
        			    'margin-left' : "0px"
        			}, "slow");	
        			param.numeroFoto = 0;
        			param.margin = 0;
        			//$this.Slider("animar", param);
        		}		
        	}, 3000);
        }
    };

})(jQuery);